.remind-msgs-box {
	width: 100%;
	min-height: 100vh;
	background-color: #fff;
	padding: calc(var(--amplified_base) * 60px) 0;
	.list-item {
		padding: 32rpx;
		display: flex;
		flex-direction: row;

		.item-avatar {
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			border: 1px solid red;
			margin-right: 24rpx;
			flex-shrink: 0;
		}

		.item-user {
			display: flex;
			flex-direction: row;
			flex-direction: column;
			align-items: flex-start;
			margin-left: 16rpx;

			.realname {
				font-weight: 400;
				font-size: calc(var(--amplified_base) * 32rpx);
				color: #385592;
				line-height: calc(var(--amplified_base) * 38rpx);
			}

			.date {
				font-weight: 400;
				font-size: calc(var(--amplified_base) * 24rpx);
				color: #a1a1aa;
				line-height: calc(var(--amplified_base) * 28rpx);
				margin-top: 8rpx;
			}

			.item-remark {
				margin-top: 18rpx;
				font-weight: 400;
				font-size: calc(var(--amplified_base) * 32rpx);
				color: #222222;
				line-height: calc(var(--amplified_base) * 38rpx);
				word-break: break-word;

				.reply {
					display: inline-block;
				}

				.reply-name {
					color: #09679a;
					display: inline-block;
				}
			}

			.star-img_icon {
				width: 32rpx;
				height: 32rpx;
			}
		}
	}
}
.clear {
	background-color: #1677ff;
	color: #fff;
	padding: 12rpx 24rpx;
	border-radius: 8rpx;
}
